<template>
  <div>
    <van-overlay :show="show" @click="show = false" z-index="9999">
      <div class="wrapper" @click.stop>
        <van-loading type="spinner" color="#1989fa" text-color="#0094ff" vertical>
          加载中...
        </van-loading>
      </div>
    </van-overlay>
  </div>
</template>
<script>
import { Overlay, Loading } from 'vant'
export default {
  name: 'Loading',
  props: {
  },
  components: {
    [Loading.name]: Loading,
    [Overlay.name]: Overlay,
  },
  data() {
    return {
      show: false,
    };
  },
}
</script>
<style scoped>
.wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
</style>
